<%--
  Created by IntelliJ IDEA.
  User: MAC
  Date: 2018/7/11
  Time: 13:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>

<link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/bootstrap/easyui.css">
<!--引入easyui图标样式-->
<link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/icon.css">
<!--引入easyui依赖的jquery程序库-->
<script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
<!--引入easyui的程序库-->
<script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>

<script src="/static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>

<%--<script type="text/javascript" src="/static/js/system/types.js"></script>--%>
salary

<html>
<head>
    <title>分类支出</title>
    <script type="text/javascript" src="/static/js/system/type.js"></script>
</head>
<body>
<div class="easyui-layout" fit="true">
    <%--<!--左上角按钮-->
    <div id="bb">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add">支出录入</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="remove">删除</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>
        &lt;%&ndash;<fmt:formatDate value="${qo.beginDate}" pattern="yyyy-MM-dd" var="beginDate"/>
        <fmt:formatDate value="${qo.endDate}" pattern="yyyy-MM-dd" var="endDate"/>
        <input class="easyui-textbox" name="keyword"id="keyword" prompt="按照名字或电话查询">&ndash;%&gt;
        支出时间:
        <input  id="begin"  type= "text" class= "easyui-datebox" required ="required" name="beginDate"> </input>
        ~
        <input  id="end"  type= "text" class= "easyui-datebox" required ="required" name="endDate"> </input>

        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true"
           data-cmd="query">查询</a>

    </div>--%>

    <div data-options="region:'north'"></div>

    <div data-options="region:'center'">
        <%--选项卡--%>
        <div id="tt" class="easyui-tabs"  data-options="" style="width:500px;height:250px;" fit="true">
            <!-- 段落 -->
            <div id="ty" title="支出分类" style="padding:20px;display:none;">

                <span id="span" style="background-color: gray;">span</span>
                <div id="div1" style="background-color: green;">
                    DIV2</div>
                <button onclick="appendSpan()">将span追加到div1中</button>
                <button onclick="appendNewSpan();">新建一个span追加到div1中</button>
                <button onclick="deleteSpan();">删除SPAN</button>
                <button onclick="replaceSpan();">替换SPAN</button>
                <button onclick="insertSpan();">插入SPAN</button>

                <button onclick="getNode();">获取元素</button>

              <%--  <table id="ty_datagrid" >
                </table>--%>

            </div>
        </div>
    </div>
</div>
</div>

<div id="parent_dialog">

    <form id="ty_form" method="post">
        <%-- 隐藏域--%>
        <input type="hidden" id="id" name="id">

        <table align="center" style="margin-top: 15px">

            <tr>
                <td><input class="easyui-textbox" name="parent_type">
                </td>
            </tr>

        </table>
    </form>
</div>

<div id="sub_dialog">

    <form id="sub_form" method="post">
        <%-- 隐藏域--%>
        <input type="hidden" id="id" name="id">

        <table align="center" style="margin-top: 15px">

            <tr>
                <td>支出分类</td>
                <td><input class="easyui-textbox" name="category" >

                </td>
            </tr>

        </table>
    </form>
</div>

<div id="ty_buttton">
    <a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="save">确定</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" data-cmd="cancel">取消</a>
</div>

</body>
</html>
